<template>
  <div class="container">container</div>
</template>
<!-- <script setup>
import { onBeforeMount, onMounted } from "vue";
onBeforeMount(() => {
  console.log("DOM元素渲染前", document.querySelector(".container"));
});
onMounted(() => {
  console.log("DOM元素渲染后", document.querySelector(".container"));
});
</script> -->
<script>
export default{
    data(){
        return {
            value:'Hello Vue.js'
        }
    },
    beforeCreate(){
        console.log('实例对象创建前'+this.value);
    },
    created(){
        console.log('实例对象创建后'+this.value);
    }
}
</script>

